<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>clothes_show</title>
  <link rel="stylesheet" href="../layUI/layui/css/layui.css">
  <link rel="stylesheet" href="../css/more_products.css">
  <script src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
            <div class="header">
              <div class="header-nav">
                <div class="header-logo">
                  <img src="../images/首页.svg"/>
                  <a href="../index.html" >首页</a>
                </div>
                <span class="layui-breadcrumb" lay-separator="|">
                                    <a href="">登录</a>
                                    <a href="">免费注册</a>
                                    <a href="">个人中心</a>
                                    <a href="">我的订单</a>
                </span>
              </div>
              <div class="header-content">
                <!-- logo -->
                <div class="logo-img">
                  <img src="../images/logo.jpg"/>
                  <span>更多好物</span>
                </div>
                <!-- 搜索 -->
                <div class="searchDept">
                  <input class="search" type="text" placeholder="请输入您需要搜索的商品" value="">
                  <a href="" class="searchBtn">搜索</a>
                </div>
                <a href="" class="myCart">
                  <img src="../images/shopcar.svg" />
                  <span>购物车</span>
                </a>
              </div>
              <!-- 页面导航栏 -->
              <div class="page-nav">
                <a href="../index.html" class="seckill">秒杀商品</a>
                <a href="more_products.html" class="BarPrice">更多好物</a>
              </div>
            </div>
            <!--预购页面主体部分-->
            <div class="mianPart">
                <div class="classify">
                    <span>商品分类</span>
                    <div class="chose-filter"></div>
                </div>
                <div class="filter">
                    <div class="left-nav">
                        <span class="rough-filter">品牌：</span>
                        <span class="rough-filter">颜色：</span>
                        <span class="rough-filter">类型：</span>
                        <span class="rough-filter">尺码：</span>
                    </div>
                    <div class="right-nav">
                        <div class="detail-filter">
                            <a href="">伊芙丽</a>
                            <a href="">拉夏贝尔</a>
                            <a href="">太平鸟</a>
                            <a href="">爱居兔</a>
                            <a href="">其他</a>
                            <a href=""></a>
                        </div>
                        <div class="detail-filter">
                            <a href="">米色</a>
                            <a href="">牛油果绿</a>
                            <a href="">施莱因蓝</a>
                            <a href="">纯色</a>
                            <a href="">其他</a>
                            <a href=""></a>
                        </div>
                        <div class="detail-filter">
                            <a href="">连衣裙</a>
                            <a href="">长裤</a>
                            <a href="">卫衣</a>
                            <a href="">短外套</a>
                            <a href="">针织衫</a>
                            <a href="">其他</a>
                        </div>
                        <div class="detail-filter">
                            <a href="">23及以下</a>
                            <a href="">24</a>
                            <a href="">25</a>
                            <a href="">26</a>
                            <a href="">27</a>
                            <a href="">28及以上</a>
                        </div>
                    </div>
                </div>
                <div class="pro-show">
                    <ul>
                        <li>
                        <div class="pro-info">
                            <a class="pro-img" href="">
                                <img src="../images/more_product_img2.jpg"/>
                            </a>
                            <div class="pro-price">
                                <span>￥</span>
                                <span class="number">540.00</span>
                            </div>
                            <a class="pro-intro" href="">伊芙丽连衣裙女2022夏新款气质小白裙v领泡泡袖长裙 米白 155/80A/S</a>
                            <div class="tag">
                                <span>纽扣</span>
                                <span>百搭</span>
                                <span>中长裙</span>
                                <span>纯色</span>
                            </div>
                            <div class="comment">
                                <a class="comment-number" href="">1</a>
                                <span>条评价</span>
                            </div>
                            <div class="shopName">伊芙丽官方旗舰店</div>
                            <div class="coupon-type">
                                <span>券300-100</span>
                                <span>2件九折</span>
                            </div>
                        </div>
                        </li>
                        <li>
                            <div class="pro-info">
                                <a class="pro-img" href="">
                                    <img src="../images/more_product_img2.jpg"/>
                                </a>
                                <div class="pro-price">
                                    <span>￥</span>
                                    <span class="number">540.00</span>
                                </div>
                                <a class="pro-intro" href="">伊芙丽连衣裙女2022夏新款气质小白裙v领泡泡袖长裙 米白 155/80A/S</a>
                                <div class="tag">
                                    <span>纽扣</span>
                                    <span>百搭</span>
                                    <span>中长裙</span>
                                    <span>纯色</span>
                                </div>
                                <div class="comment">
                                    <a class="comment-number" href="">1</a>
                                    <span>条评价</span>
                                </div>
                                <div class="shopName">伊芙丽官方旗舰店</div>
                                <div class="coupon-type">
                                    <span>券300-100</span>
                                    <span>2件九折</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="pro-info">
                                <a class="pro-img" href="">
                                    <img src="../images/more_product_img2.jpg"/>
                                </a>
                                <div class="pro-price">
                                    <span>￥</span>
                                    <span class="number">540.00</span>
                                </div>
                                <a class="pro-intro" href="">伊芙丽连衣裙女2022夏新款气质小白裙v领泡泡袖长裙 米白 155/80A/S</a>
                                <div class="tag">
                                    <span>纽扣</span>
                                    <span>百搭</span>
                                    <span>中长裙</span>
                                    <span>纯色</span>
                                </div>
                                <div class="comment">
                                    <a class="comment-number" href="">1</a>
                                    <span>条评价</span>
                                </div>
                                <div class="shopName">伊芙丽官方旗舰店</div>
                                <div class="coupon-type">
                                    <span>券300-100</span>
                                    <span>2件九折</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="pro-info">
                                <a class="pro-img" href="">
                                    <img src="../images/more_product_img2.jpg"/>
                                </a>
                                <div class="pro-price">
                                    <span>￥</span>
                                    <span class="number">540.00</span>
                                </div>
                                <a class="pro-intro" href="">伊芙丽连衣裙女2022夏新款气质小白裙v领泡泡袖长裙 米白 155/80A/S</a>
                                <div class="tag">
                                    <span>纽扣</span>
                                    <span>百搭</span>
                                    <span>中长裙</span>
                                    <span>纯色</span>
                                </div>
                                <div class="comment">
                                    <a class="comment-number" href="">1</a>
                                    <span>条评价</span>
                                </div>
                                <div class="shopName">伊芙丽官方旗舰店</div>
                                <div class="coupon-type">
                                    <span>券300-100</span>
                                    <span>2件九折</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="pro-info">
                                <a class="pro-img" href="">
                                    <img src="../images/more_product_img2.jpg"/>
                                </a>
                                <div class="pro-price">
                                    <span>￥</span>
                                    <span class="number">540.00</span>
                                </div>
                                <a class="pro-intro" href="">伊芙丽连衣裙女2022夏新款气质小白裙v领泡泡袖长裙 米白 155/80A/S</a>
                                <div class="tag">
                                    <span>纽扣</span>
                                    <span>百搭</span>
                                    <span>中长裙</span>
                                    <span>纯色</span>
                                </div>
                                <div class="comment">
                                    <a class="comment-number" href="">1</a>
                                    <span>条评价</span>
                                </div>
                                <div class="shopName">伊芙丽官方旗舰店</div>
                                <div class="coupon-type">
                                    <span>券300-100</span>
                                    <span>2件九折</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="pro-info">
                                <a class="pro-img" href="">
                                    <img src="../images/more_product_img2.jpg"/>
                                </a>
                                <div class="pro-price">
                                    <span>￥</span>
                                    <span class="number">540.00</span>
                                </div>
                                <a class="pro-intro" href="">伊芙丽连衣裙女2022夏新款气质小白裙v领泡泡袖长裙 米白 155/80A/S</a>
                                <div class="tag">
                                    <span>纽扣</span>
                                    <span>百搭</span>
                                    <span>中长裙</span>
                                    <span>纯色</span>
                                </div>
                                <div class="comment">
                                    <a class="comment-number" href="">1</a>
                                    <span>条评价</span>
                                </div>
                                <div class="shopName">伊芙丽官方旗舰店</div>
                                <div class="coupon-type">
                                    <span>券300-100</span>
                                    <span>2件九折</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="pro-info">
                                <a class="pro-img" href="">
                                    <img src="../images/more_product_img2.jpg"/>
                                </a>
                                <div class="pro-price">
                                    <span>￥</span>
                                    <span class="number">540.00</span>
                                </div>
                                <a class="pro-intro" href="">伊芙丽连衣裙女2022夏新款气质小白裙v领泡泡袖长裙 米白 155/80A/S</a>
                                <div class="tag">
                                    <span>纽扣</span>
                                    <span>百搭</span>
                                    <span>中长裙</span>
                                    <span>纯色</span>
                                </div>
                                <div class="comment">
                                    <a class="comment-number" href="">1</a>
                                    <span>条评价</span>
                                </div>
                                <div class="shopName">伊芙丽官方旗舰店</div>
                                <div class="coupon-type">
                                    <span>券300-100</span>
                                    <span>2件九折</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="pro-info">
                                <a class="pro-img" href="">
                                    <img src="../images/more_product_img2.jpg"/>
                                </a>
                                <div class="pro-price">
                                    <span>￥</span>
                                    <span class="number">540.00</span>
                                </div>
                                <a class="pro-intro" href="">伊芙丽连衣裙女2022夏新款气质小白裙v领泡泡袖长裙 米白 155/80A/S</a>
                                <div class="tag">
                                    <span>纽扣</span>
                                    <span>百搭</span>
                                    <span>中长裙</span>
                                    <span>纯色</span>
                                </div>
                                <div class="comment">
                                    <a class="comment-number" href="">1</a>
                                    <span>条评价</span>
                                </div>
                                <div class="shopName">伊芙丽官方旗舰店</div>
                                <div class="coupon-type">
                                    <span>券300-100</span>
                                    <span>2件九折</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="pro-info">
                                <a class="pro-img" href="">
                                    <img src="../images/more_product_img2.jpg"/>
                                </a>
                                <div class="pro-price">
                                    <span>￥</span>
                                    <span class="number">540.00</span>
                                </div>
                                <a class="pro-intro" href="">伊芙丽连衣裙女2022夏新款气质小白裙v领泡泡袖长裙 米白 155/80A/S</a>
                                <div class="tag">
                                    <span>纽扣</span>
                                    <span>百搭</span>
                                    <span>中长裙</span>
                                    <span>纯色</span>
                                </div>
                                <div class="comment">
                                    <a class="comment-number" href="">1</a>
                                    <span>条评价</span>
                                </div>
                                <div class="shopName">伊芙丽官方旗舰店</div>
                                <div class="coupon-type">
                                    <span>券300-100</span>
                                    <span>2件九折</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="pro-info">
                                <a class="pro-img" href="">
                                    <img src="../images/more_product_img2.jpg"/>
                                </a>
                                <div class="pro-price">
                                    <span>￥</span>
                                    <span class="number">540.00</span>
                                </div>
                                <a class="pro-intro" href="">伊芙丽连衣裙女2022夏新款气质小白裙v领泡泡袖长裙 米白 155/80A/S</a>
                                <div class="tag">
                                    <span>纽扣</span>
                                    <span>百搭</span>
                                    <span>中长裙</span>
                                    <span>纯色</span>
                                </div>
                                <div class="comment">
                                    <a class="comment-number" href="">1</a>
                                    <span>条评价</span>
                                </div>
                                <div class="shopName">伊芙丽官方旗舰店</div>
                                <div class="coupon-type">
                                    <span>券300-100</span>
                                    <span>2件九折</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="page-change">
                        <div class="page-total">
                            <span>共</span>
                            <span class="data">8</span>
                            <span>页</span>
                            <span>/</span>
                            <span class="data">80</span>
                            <span>件商品</span>
                        </div>
                        <div id="page"></div>
                    </div>
            </div>
            </div>
           <!-- 页面底部 -->
            <div class="footer">
                <img src="../images/bottom.png"/>
            </div>








      <script src="../js/more_products.js"></script>
      <script src="../layUI/layui/layui.js"></script>
      <script>
          layui.use(['laypage', 'layer'], function(){
              var laypage = layui.laypage
                  ,layer = layui.layer;
              laypage.render({
                  elem: 'page'
                  ,count: 80
                  ,theme: '#DC143C'
              });

              //调用分页
              laypage.render({
                  elem: 'demo20'
                  ,count: data.length
                  ,jump: function(obj){
                      //模拟渲染
                      document.getElementById('biuuu_city_list').innerHTML = function(){
                          var arr = []
                              ,thisData = data.concat().splice(obj.curr*obj.limit - obj.limit, obj.limit);
                          layui.each(thisData, function(index, item){
                              arr.push('<li>'+ item +'</li>');
                          });
                          return arr.join('');
                      }();
                  }
              });

          });
      </script>
</body>
</html>